let name = "张扬波";
function JSX() {
  return (
    <div>
      {/* 正确的写法 */}
      我的名字叫做：{name} <br />
      <hr />
      {1 + 1}
      <br />
      <hr />
      {"ivan"} <br />
      <hr />
      {sayHi()}
      <br />
      <hr />
      {h1}
      <br />
      <hr />
      {1 == 1 ? <div>真就调用</div> : <div>假就调用</div>}
      <br />
      <hr />
      <h2 style={{ color: "red" }}>是一个红色字体</h2>
      {/* 错误写法 */}
      {/* {
        if(1>1) {
        console.log()
        }
      } */}
      {
        // for()
      }
      {/* {{ name: "rose" }} */}
    </div>
  );
}

function sayHi() {
  console.log("syahi");
}

const h1 = <h1>这是h1</h1>;

export default JSX;
